{template "header.html"}
<style>
    .pprice p {
        margin-bottom: 5px;
    }
    .pyuan {
        text-decoration:line-through;
        color: #a8a8a8;
    }
    .product-price-group .discount ,.product-price-group .promotion {
        background: #ff9900;
        color: #fff;
        padding: 0 10px;
        text-align: center;
        line-height: inherit;
        margin-right: 0;
        height: 23px;
        line-height: 23px;
        display: inline-block;
    }
    .product-price-group .promotion {
        background: #e7505a;
    }
    .dr_table_more td{
        background: #ffffff !important;
    }
    .dr_table_more td:hover{
        background: #ffffff !important;
    }
    .table-items-body {
        padding:0px;
        margin:0px;
    }
    .table-items{
        margin:0px;
    }
    .table-items-address {
        padding-top: 10px;
    }
    .table-items-address p {
        margin: 5px 0;
        color: #8896a0;
    }
    .table-items p {
        margin: 5px 0;
        color: #8896a0;
    }
    .table-items>tbody>tr>td {
        padding: 0;
    }
    .table-items-last-child {
        border-right: 1px solid #F2F5F8 !important;
        padding-top:10px !important;
        font-size:13px;
        text-align: left;
    }
    .fc-mall-order-status .label{
        padding-left: 2px;
    }
    .fc-mall-col-2, .fc-mall-col-2 .form-group {
        margin-left: 0;
        margin-right: 0;
    }
    .price {
        color: #ef4c2f;
        margin-bottom: 5px;
    }
    .youhui {
        color: #d3d3d3;
        margin-bottom: 5px;
    }
    .fc-mall-order-title {
        font-size: 14px !important;
    }
    .fc-mall-order-step .mt-step-title {
        font-size: 16px !important;
    }
    .fc-mall-order-step .mt-step-number {
        color: #e5e5e5 !important;
    }
    .fc-mall-order-status-info .ico{
        font-size: 40px;
        float: left;
    }
    .fc-mall-order-status-info .tit{
        font-size: 20px;
        float: left;
        margin-top: 14px;
        padding-left: 10px;
    }
    .fc-mall-order-status-info .info {
        clear: both;
        font-size: 14px;
        margin-top: 14px;
        margin-bottom: 10px;
        color: red;
        padding-left: 45px;
    }
    .fc-mall-order-status-footer {
        clear: both;
        padding-top: 10px;
        padding-left: 45px;
        margin-bottom: 15px;
    }
    .fc-mall-order-kd-info .kdinfo{
        list-style: none;
    }
    .fc-mall-order-kd-info {
        clear: both;
        padding: 10px 0 0px 20px;
        margin-bottom: 0px;
    }
    .fc-mall-order-kd-info li {
        padding: 5px 0 5px 0px;
    }
    .fc-mall-order-comment .ds-review {
        margin: 20px 0;
    }
    .fc-mall-order-comment .ds-review ul {
        padding-left: 15px;
    }
    .fc-mall-order-comment .ds-review li{
        list-style: none;
        padding: 0;
    }
    .fc-mall-comments-list {
        margin-top: 30px;
    }
    .fc-mall-comment-xin i {
        color: #ff9900;
    }
    .fc-mall-comment-fen {
        color: #DB222E;
        font-size: 30px;
        font-weight: bold;
    }
    .ds-review li {
        padding-bottom: 10px;
    }
    .fc-mall-comment-head {
        padding-top: 10px;
        padding-bottom: 15px;
    }
    .fc-mall-comment-list-params {
        margin-top: 30px;
    }
    .fc-mall-comment-image .thumbnail {
        margin-bottom: 0;

    }
    .fc-comment-list-page{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .fc-mall-comment-image {
        margin-top: 20px;
    }




</style>

<div class="portlet light ">
    <div class="portlet-title">
        <div class="caption fc-mall-order-title">
            <label style="margin-right:20px">{dr_lang('订单编号')}：<b>{$order.sn}</b> {dr_order_source($order.source)}</label>
            <label class="fc-mall-order-status">{dr_lang('订单状态')}：{dr_order_info_status($order)}</label>
        </div>
        <div class="actions">

        </div>
    </div>
    <div class="portlet-body">
        <div class="mt-element-step">
            <div class="row step-line fc-mall-order-step">
                <div class="col-md-1">
                </div>
                <div class="col-md-2 mt-step-col first done">
                    <div class="mt-step-number bg-white"><i class="fa fa-shopping-cart"></i></div>
                    <div class="mt-step-title uppercase font-grey-cascade">拍下商品</div>
                    <div class="mt-step-content font-grey-cascade">{dr_date($order._inputtime)}</div>
                </div>
                <div class="col-md-2 mt-step-col {if $order.pay_time}done{/if}">
                    <div class="mt-step-number bg-white"><i class="fa fa-rmb"></i></div>
                    <div class="mt-step-title uppercase font-grey-cascade">付款到平台</div>
                    <div class="mt-step-content font-grey-cascade">{dr_date($order.pay_time)}</div>
                </div>
                <div class="col-md-2 mt-step-col  {if $order.status==3}done{/if}">
                    <div class="mt-step-number bg-white"><i class="fa fa-truck"></i></div>
                    <div class="mt-step-title uppercase font-grey-cascade">商家发货</div>
                    <div class="mt-step-content font-grey-cascade">{dr_date($order.deliver_time)}</div>
                </div>
                <div class="col-md-2 mt-step-col  {if $order.status==9}done{/if}">
                    <div class="mt-step-number bg-white"><i class="fa fa-handshake-o"></i></div>
                    <div class="mt-step-title uppercase font-grey-cascade">确认收货</div>
                    <div class="mt-step-content font-grey-cascade">{dr_date($order.receipt_time)}</div>
                </div>
                <div class="col-md-2 mt-step-col  {if $order.status == 9}done{/if} last">
                    <div class="mt-step-number bg-white"><i class="fa fa-check-circle"></i></div>
                    <div class="mt-step-title uppercase font-grey-cascade">交易完成</div>
                    <div class="mt-step-content font-grey-cascade">{dr_date($order.receipt_time)}</div>
                </div>
                <div class="col-md-1">
                </div>
            </div>
        </div>
        <div class="row margin-top-30">
            <div class="col-md-6">

                <p>收货地址：{$order.name},{$order.phone},{$order.address}</p>
                <p>买家留言：{$order.remark}</p>

            </div>
            <div class="col-md-6">
                <label><a onclick="dr_iframe('{dr_lang("发货信息")}', '{$op_url}&at=delivery')" class="btn green"> <i class="fa fa-truck"></i> {dr_lang('发货')}</a></label>
                <label><a onclick="dr_iframe('{dr_lang("备注订单")}', '{$op_url}&at=log')" class="btn blue"> <i class="fa fa-save"></i> {dr_lang('备注')}</a></label>
                <label><a onclick="dr_iframe('{dr_lang("关闭交易")}', '{$op_url}&at=close')" class="btn red"> <i class="fa fa-close"></i> {dr_lang('关闭')}</a></label>
            </div>
        </div>
    </div>
</div>

{if $myfield}
<div class="portlet bordered light ">
    <div class="portlet-title">
        <div class="caption">
            <span class="caption-subject font-green">{dr_lang('附加信息')}</span>
        </div>
    </div>
    <div class="portlet-body form">

        {$myfield}

    </div>
</div>
{/if}


<div class="portlet bordered light ">
    <div class="portlet-title">
        <div class="caption">
            <span class="caption-subject font-green">{dr_lang('商品信息')}</span>
        </div>
    </div>
    <div class="portlet-body form">
        <table class="table fc-head-table margin-top-20 table-bordered table-striped table-bordered">
            <thead>
            <tr>
                <th width="120" class=" text-center">{dr_lang('商品')}</th>
                <th>{dr_lang('详情')}</th>
                <th width="110" class=" text-center">{dr_lang('单价')}</th>
                <th width="80" class=" text-center">{dr_lang('数量')}</th>
                <th width="110" class=" text-center">{dr_lang('总价')}</th>
            </tr>
            </thead>
            <tbody>
            {loop $goods $i $t}
            {php $sku_name=dr_string2array($t.sku_name);}
            <tr>
                <td class="text-center">
                    <a href="{$t.url}" title="{$t.title}" target="_blank"><img width="90" src="{dr_thumb($t.thumb)}"></a>
                </td>
                <td class="cart_description">
                    <p style="margin-bottom: 10px"> <a href="{$t.url}" title="{$t.title}" target="_blank">{dr_strcut($t.title, 150)}</a></p>
                    {loop $sku_name $i $c}
                    <small>{$i}: {$c} </small>
                    {/loop}
                    <p style="margin-bottom:0px;{if $sku_name}margin-top: 10px;{/if} color: #ccc">{dr_lang('编号')}：{$t.sn}</p>
                </td>
                <td class="price pprice" style="text-align: center">
                    ￥<span class="regular-price">{dr_price_value($t.price, 2)}</span>元
                </td>
                <td class="qty" style="text-align:center">
                    {$t.quantity}
                </td>
                <td style="text-align:center">
                   <p class="price">￥<span>{dr_price_value($t.price * $t.quantity, 2)}</span>元</p>
                </td>
            </tr>
            {/loop}
            </tbody>
        </table>

        <div class="row">
            <div class="col-md-6"> </div>
            <div class="col-md-6">
                <div class="well">

                    <div class="row static-info align-reverse">
                        <div class="col-md-6 name"> {dr_lang('买家付款')}：</div>
                        <div class="col-md-6 value"> ￥<span>{number_format($order.money, 2)}</span>元 </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>


<div class="portlet bordered light myfbody">
    <div class="portlet-title">
        <div class="caption">
            <span class="caption-subject font-green">{dr_lang('跟踪记录')}</span>
        </div>
    </div>
    <div class="portlet-body form">

        <table class="table fc-head-table margin-top-20 table-bordered table-striped table-bordered">
            <thead>
            <tr>
                <th width="160" class=" text-center">{dr_lang('操作时间')}</th>
                <th width="120" class=" text-center">{dr_lang('订单状态')}</th>
                <th>{dr_lang('记录')}</th>
            </tr>
            </thead>
            <tbody>
            {loop $op_log $t}
            <tr>
                <td class="text-center">
                    {dr_date($t.inputtime)}
                </td>
                <td class="text-center">
                    {dr_order_info_status($t)}
                </td>
                <td>
                    {$t.log}
                </td>
            </tr>
            {/loop}
            </tbody>
        </table>

    </div>
</div>
{template "footer.html"}